﻿<link href="../../../css/style.css" rel="stylesheet" type="text/css" />
<link href="../../../css/table.css" rel="stylesheet" type="text/css" />
<link href="../../../dwz/themes/default/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../../../dwz/themes/css/core.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../ztree/css/zTreeStyle/zTreeStyle.css" />

<link type="text/css" href="../../../jquery/ui/css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />

<script type="text/javascript" src="../../../jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript"	src="../../../jquery/ui/js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="../../../ztree/js/jquery.ztree.all.min.js" type="text/javascript"></script>

<script type="text/javascript">
	//集成jquery ztree插件
	var setting = {
		data: {
			simpleData: {
				enable: true
			}
		}
	};
	var zNodes =[
		{id:"000",pId:"0",name:"跨境电商后台管理系统",open:true},
		{id:"200",pId:"000",name:"境外业务"},
		{id:"2001",pId:"200",name:"登记管理"},
		{id:"2002",pId:"200",name:"境外放款"},
		{id:"300",pId:"000",name:"IC卡业务"},
		{id:"3001",pId:"300",name:"办卡业务"},
		{id:"3002",pId:"300",name:"销卡业务"},
		{id:"400",pId:"000",name:"组织机构"},
		{id:"4001",pId:"400",name:"机构维护"},
		{id:"40011",pId:"4001",name:"新增机构"}
	];
	
	$(function() {
		//集成jquery多tab页
		$('#tabs').tabs();
		$.fn.zTree.init($("#final_tree"), setting, zNodes);
	});
</script>

<table border="0" cellpadding="0" cellspacing="0" class="table_border">
    <tr>
        <td>
            <table width="100%" border="0" cellpadding="0" cellspacing="0"
                class="table_right">
                <tr>
                    <td>
                        <font style="font-size: 12px"><strong>用户详细信息</strong></font>
                    </td>
                    <td width="25" height="26" align="right">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr height="50">
		<td>
			<div id="tabs">
				<ul>
					<li style="font-size: 12px;">
						<a href="#tabs-1">用户信息</a>
					</li>
					<li style="font-size: 12px;">
						<a href="#tabs-2">许可信息</a>
					</li>
				</ul>
				<div id="tabs-1" style="background: #FFFFFF">
					登录帐号：zhangsan
					<br />
					<br />
					用户姓名：张三
					<br />
					<br />
					所属部门：销售部
					<br />
					<br />
					电子邮件：zhangsan@qq.com
					<br />
					<br />
					创建时间：
					<br />
					<br />
					失效时间：
					<br />
					<br />
					允许访问IP：
					<br />
					<br />
					状态：
					<br />
				</div>
				<div id="tabs-2" style="background: #FFFFFF">
					<table>
						<tr>
							<td></td>
						</tr>
						<tr>
							<td>
								<ul id="final_tree" class="ztree">
								</ul>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</td>
	</tr>
    
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"
	class="table_padding">
	<tr>
		<td height="21" align="right">
			<table align="left">
				<tr>
					<td width="50px"><a class="button" href="javascript:void(0)" onclick="window.history.back()"><span>返回</span></a></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
